<template>

    <!-- 添加或修改对话框 -->
    <lam-dialog :title="title" :visible.sync="open" width="700px" top="6vh" append-to-body @close="cancel">
      <el-form :ref="formRef" :model="form" :rules="rules" label-width="100px" :loading="loading" :disabled="formDisabled">
        <el-row>
          <el-col :span="12">
            <el-form-item label="模块标题" prop="title">
              <span>{{form.title}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="操作描述" prop="oper">
              <span>{{form.oper}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="操作类别" prop="operatorType">
              <span>{{form.operatorTypeDictText}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="业务类型" prop="businessType">
              <OperBusiness :value="form.businessType" :text="form.businessTypeDictText"/>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="请求URL" prop="reqUrl" >
              <span>{{form.reqUrl}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="方法名称" prop="handler" >
              <span>{{form.handler}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="请求方式" prop="reqMethod">
              <span>{{form.reqMethod}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="请求ip" prop="reqIp">
              <span>{{form.reqIp}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="请求参数" prop="reqParam" >
              <el-input v-model="form.reqParam" type="textarea" autosize placeholder="" :disabled="formDisabled" />
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="执行参数" prop="operParam" >
              <el-input v-model="form.operParam" type="textarea" autosize placeholder="" :disabled="formDisabled" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="操作系统" prop="os" >
              <span>{{form.os}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="浏览器" prop="browser">
              <span>{{form.browser}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="返回结果" prop="resResult" >
              <el-input v-model="form.resResult" type="textarea" autosize placeholder="" :disabled="formDisabled" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="操作状态" prop="reqStatus">
              <OperLogResStatus :value="form.reqStatus" :text="form.reqStatusDictText" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="请求耗时" prop="elTime">
              <span>{{form.elTimeText}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="操作描述" prop="reqDesc" >
              <span>{{form.reqDesc}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="操作时间" prop="operTime">
              <span>{{form.operTime}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="操作人员" prop="operName">
              <span>{{form.operName}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="保存参数" prop="saveReqData">
              <span>{{form.saveReqDataDictText}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="保存结果" prop="saveResData">
              <span>{{form.saveResDataDictText}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="打印参数" prop="printReqData">
              <span>{{form.printReqDataDictText}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="打印结果" prop="printResData">
              <span>{{form.printResDataDictText}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="打印耗时" prop="elapsedTime">
              <span>{{form.elapsedTimeDictText}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="打印ip" prop="printIp">
              <span>{{form.printIpDictText}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="备注" prop="remark" >
              <el-input v-model="form.remark" type="textarea" autosize placeholder="" :disabled="formDisabled" hasFeedback/>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer" style="text-align: center;">
        <el-button @click="cancel">关  闭</el-button>
      </div>
    </lam-dialog>

</template>
<style scoped>
  .el-form-item {
      margin-bottom: 3px;
  }
</style>

<script>
import { EditMixin } from '@/components/mixins/EditMixin';
import OperBusiness from './OperBusiness';
import OperLogResStatus from './OperLogResStatus';

export default {
  name: "EditSysOperLog",
  mixins:[EditMixin],
  components: {
    OperLogResStatus,
    OperBusiness
  },
  data() {
    return {
      // 表单校验
      rules: {
      }
    };
  },
  created() {
  },
  methods: {

  }
};
</script>
